﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../skins/grey/css/novaui.css" rel="stylesheet" type="text/css" />
    <script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.7.min.js" type="text/javascript"></script> 
    <script src="../../js/plugins/novaDateEditor.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#txt1").novaDateEditor({ showTime: true });

            $("#txt2").novaDateEditor();

            $("#txt3").novaDateEditor({ format: "yyyy年MM月dd日" });

            $(".btn").click(function () {
                alert("txt1:" + $("#txt1").val());
                alert("txt2:" + $("#txt2").val());
            });

            $("#txt1").change(function () {
                $(".message").html("txt1 value change:"+$("#txt1").val())
            });
        });
    </script>
</head>
<body>
     <h3>示例一：不选择时间</h3>
 <input type="text" id="txt2" />
   <br />
       <h3>示例二：选择时间</h3>
       <input type="text" id="txt1" />
       <br />
       <h3>示例三：格式化时间：</h3>
       <input type="text" id="txt3" readonly />
       <br />
       <a class="l-button btn"  >获取值</a> 
       <br />
       <a class="message"  ></a>
        <div style="display:none;">
        <!-- 流量统计代码 -->
</div>
</body>
</html>
